<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Defer page page floats by anchor</title>
  <style>
    @page {
      size: 220px;
    }
    @-epubx-page-template {
      @-epubx-page-master {
        @-epubx-partition {
          -epubx-flow-from: body;
          top: 10px;
          bottom: 10px;
          left: 10px;
          right: 10px;
        }
      }
    }
    :root, html {
      line-height: 20px;
      widows: 1;
      orphans: 1;
    }
    body {
      margin: 0;
    }
    .float {
      float-reference: region;
      float: block-start;
      box-sizing: border-box;
      width: 100%;
      padding: 3px;
      border: blue solid 2px;
    }
  </style>
</head>
<body>
Float anchor→
<div class="float">
  This<br>
  block-start<br>
  column<br>
  float<br>
  has<br>
  9<br>
  lines<br>
  foo<br>
  bar
</div>
After page float.
</body>
</html>
